<div>
<app-form [form]="data"  class="app-formctrl">
        <ng-template let-form>
        <div [hidden]="$activeFormPage !== 'formpage1'"  class="app-form-page">
     <app-form-item [field]="detailsModel.nd">
    <ng-template let-nd>
        <ion-item lines="none" [hidden]="!nd?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 年度
               <span class="stars" *ngIf="!nd.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-select [disabled]="nd.disabled" [(value)]="form.nd" [config]="'WorkflowMob_CodeList81'"></app-select>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

     <app-form-item [field]="detailsModel.jfrq">
    <ng-template let-jfrq>
        <ion-item lines="none" [hidden]="!jfrq?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 计费日期
               <span class="stars" *ngIf="!jfrq.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-datetime class="app-form-item-datetime" [disabled]="jfrq.disabled" datefmt="YYYY-MM-DD HH:mm:ss" [(ngModel)]="form.jfrq"></app-datetime>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

     <app-form-item [field]="detailsModel.sqds">
    <ng-template let-sqds>
        <ion-item lines="none" [hidden]="!sqds?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 上期底数
               <span class="stars" *ngIf="!sqds.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.sqds" (ionInput)="form.sqds=$event.target.value"  [disabled]="sqds.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

     <app-form-item [field]="detailsModel.bqs">
    <ng-template let-bqs>
        <ion-item lines="none" [hidden]="!bqs?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 本期数
               <span class="stars" *ngIf="!bqs.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.bqs" (ionInput)="form.bqs=$event.target.value"  [disabled]="bqs.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

     <app-form-item [field]="detailsModel.ydl">
    <ng-template let-ydl>
        <ion-item lines="none" [hidden]="!ydl?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 用电量
               <span class="stars" *ngIf="!ydl.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.ydl" (ionInput)="form.ydl=$event.target.value"  [disabled]="ydl.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

     <app-form-item [field]="detailsModel.ydfy">
    <ng-template let-ydfy>
        <ion-item lines="none" [hidden]="!ydfy?.visible" class="app-form-item left" style=''>
            <label style="width: 130px;" class="app-form-item-label left" slot="start">
                 用电费用
               <span class="stars" *ngIf="!ydfy.isAllowEmpty">*</span>
            </label>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <ion-input class="app-form-item-input" [value]="form.ydfy" (ionInput)="form.ydfy=$event.target.value"  [disabled]="ydfy.disabled" ></ion-input>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

     <ion-item-group [hidden]="!detailsModel.grouppanel1?.visible" class="app-form-group">
                        <app-form-item [field]="detailsModel.sfdj">
    <ng-template let-sfdj>
        <ion-item lines="none" [hidden]="!sfdj?.visible" class="app-form-item left" style=''>
            <div class="app-form-item-editor" style="width:100%;" slot="end">
                <app-file-upload labelText="收费单据" [allowEmpty]="sfdj.isAllowEmpty" style="width: 100%" [disabled]="sfdj.disabled" [(value)]="form.sfdj" [params]="{  }" [multiple]="true"></app-file-upload>
            </div>
        </ion-item>
    </ng-template>
</app-form-item>

                </ion-item-group>

</div>

        </ng-template>
    </app-form>
<div>
